<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/public.css">
    <title>Document</title>
</head>
<body>
    <header>
        <section class="clear_fix">
            <h1><img src="../images/logo_white.png" alt=""></h1>
            <nav>
                <li><a href="">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="../index.html">服务项目</a></li>
                <li><a href="demo.html">成功案例</a></li>
                <li><a href="news.html">新闻中心</a></li>
                <li class="active"><a href="">光合会</a></li class="active">
                <li><a href="contact.html">联系我们</a></li>
            </nav>
            <aside>
                <i class="iconfont icon-dianhua isize"></i>
                <span>020-88888888</span>
            </aside>
        </section>
    </header>
    <div id="banner">
        <img class="banner_pic" src="../images/banner.jpg" alt="">
        <hgroup>
            <h4>
                卓&nbsp;越&nbsp;品&nbsp;质</h4>
            <h6>细&nbsp;&nbsp;&nbsp;&nbsp;
                节&nbsp;&nbsp;&nbsp;&nbsp;
                成&nbsp;&nbsp;&nbsp;&nbsp;
                就&nbsp;&nbsp;&nbsp;&nbsp;
                经&nbsp;&nbsp;&nbsp;&nbsp;
                典
            </h6>
        </hgroup>
    </div>
    <main>
       <section class="section1">
            <hgroup>
                <h3>PUBLIC WELFARE</h3>
                <h6></h6>
                <h4>公益</h4>
            </hgroup>
            <article>
                <figure>
                    <figcaption>
                        <img src="../images/public_pic_01.png" alt="">
                    </figcaption>
                    <div>
                        <h5>BAND成功参加2014中西光与建设银行</h5>
                        <h6></h6>
                        <p>BAND成功参加2014中西光与建设银行
                            BAND成功参加2014中西光与建设银行
                            BAND成功参加2014中西光与建设银行
                            BAND成功参加2014中西光与建设银行
                        </p>
                        <a href="">MORE →</a>
                    </div>
                </figure>
                <figure>
                    <figcaption>
                        <img src="../images/public_pic_01.png" alt="">
                    </figcaption>
                    <div>
                        <h5>BAND成功参加2014中西光与建设银行</h5>
                        <h6></h6>
                        <p>BAND成功参加2014中西光与建设银行
                            BAND成功参加2014中西光与建设银行
                            BAND成功参加2014中西光与建设银行
                            BAND成功参加2014中西光与建设银行
                        </p>
                        <a href="">MORE →</a>
                    </div>
                </figure>
            </article>
            <aside>
                <a href="">更多</a>
            </aside>
       </section> 
       <section class="section2">
            <hgroup>
                <h3>THE CUSTOMER</h3>
                <h6></h6>
                <h4>合作客户</h4>
            </hgroup>
            <article>
                <div><img src="../images/public_pic_02.png" alt=""></div>
                <div><img src="../images/public_pic_02.png" alt=""></div>
                <div><img src="../images/public_pic_02.png" alt=""></div>
                <div><img src="../images/public_pic_02.png" alt=""></div>
                <div><img src="../images/public_pic_02.png" alt=""></div>
                <div><img src="../images/public_pic_02.png" alt=""></div>
                <div><img src="../images/public_pic_02.png" alt=""></div>
                <div><img src="../images/public_pic_02.png" alt=""></div>
                <div><img src="../images/public_pic_02.png" alt=""></div>
                <div><img src="../images/public_pic_02.png" alt=""></div>
            </article>
            <aside>
                <a href="">←</a>
                <a href="">→</a>
            </aside>
       </section>
    </main>
    <footer>
        <section class="clear_fix">
            <div>
                <h3><img src="../images/logo_gray.png" alt=""></h3>
                <h4><i class="iconfont icon-dingweiweizhi icolor"></i>北京市朝阳区 朝阳北路 大悦城北楼2905室</h4>
                <h4><i class="iconfont icon-dianhua1 icolor"></i>010-85859518</h4>
                <h4><i class="iconfont icon-dayinji icolor"></i>010-85859518</h4>
                <h4><i class="iconfont icon-youjian01 icolor"></i>935038551@qq.com</h4>
                <h4><i class="iconfont icon-ie icolor"></i>www.ycelin.cn</h4>
            </div>
            <div>
                <figure>
                    <figcaption><i class="iconfont icon-17 icolor"></i></figcaption>
                    <aside>
                        <p>全国服务热线</p> 
                        <span>010-8888-8888</span>
                    </aside>
                </figure>
                <figure>
                    <figcaption>
                        <img src="../images/footer_erweima.png" alt="">
                    </figcaption>
                    <span>微信公众号</span>
                </figure>
            </div>
            <div>
                <form action="">
                    <label for="">留言/Leave a message</label>
                    <input type="text" placeholder="姓名">
                    <input type="text" placeholder="电话">
                    <textarea name="" id="" cols="30" rows="3" placeholder="留言内容"></textarea>
                    <button>提交</button>
                </form>
            </div>
        </section>
        <p>
            北京钛合照明设计有限公司&nbsp;&nbsp;&nbsp;ICP备案：copyright©2015&nbsp;&nbsp;&nbsp;京ICP备10000699号-2
        </p>
    </footer>
</body>
</html>